前言的前言

嗨，我是安揪拉，住在 Vue 新手村大概一個多月，接下來要一邊寫鐵人賽、一邊接案，希望能成功活下來 QQ，真的好想離開 Vue 3 新手村啊～
我蒐集了這段期間自認特別難懂的地方、踩到的坑，還有學習筆記上的精華，整理成攻略 30 篇，絕對是真新手視角(充滿菜味)，希望能帶給剛入住的鄰居們一點點幫助。

誰適合閱讀這個系列

具備 HTML / CSS / Javascript 基礎，初入 Vue 3 新手村的鄰居。

系列簡介

這個系列前半部的主軸為 Vue 本身，文章主題大概會分成三類，會按照脈絡由淺入深：

1. 快速複習 Vue 基礎語法
2. 深入了解語法原理
3. Vue 基礎語法或元件的應用

只有 Vue 是很難完成 real world 專案的，後半部會著重在 Vue 生態系和週邊工具，如何和 Vue 搭配使用：

1. CSS 預處理器 - scss
2. UI framework - Quasar
3. 發 API - axios
4. 狀態管理器 - Pinia (& Vuex4)
5. 路由管理 - Vue Router
6. 表單驗證 - vee-validate & yup

注意事項：主辦人保有隨時修改及終止本系列內容之權利。(^^)

行前須知

1. Vue.js 目前活躍的版本有 Vue 2 和 Vue 3，在 Vue 3 又分成 Option API 和 Composition API 這兩種寫法，這個系列的範例都會以 Vue 3 + Composition API 寫法為主
2. Vue 核心團隊開發的建構工具有 Vite 和 Vue Cli，我使用的是 Vite

p.s 接下來幾天的文章，會說明這幾種選擇的差異。

資源包

最後附上我的資源包，以 Vue 官方文件為主，其他資源和 Google 為輔：

• Vue 官方文件
• Vue Mastery
  • 是官方開設的課程，需要付費
  • 有部份影片放在 youtube 頻道，可以看看是不是你的菜
• Vue core 原碼
• Vue 官方風格指南
• 重新認識 Vue.js | Kuro Hsu